<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>badge</title>
</head>

<body>
    <div class="top">
        <span class="iconfont icon-xiangzuo1"></span>
        <div class="tit df fdc">
            <p class="mine">我的徽章</p>
            <p class="eng">MY BADGES</p>
        </div>
        <!-- 今日排名 -->
        <div class="r df">
            <p class="day">今日排名</p>
            <p id="score">9</p>
            <img src="../../assets/imgs/index-card-badge.png">
        </div>

    </div>
    <div class="pho df fww jcsa">
        <a href="#" class="df fdc jcc aic"><img src="../../assets/imgs/mybadge01.jpg">
            <p>连续训练天数</p>
        </a>
        <a href="#" class="df fdc jcc aic"><img src="../../assets/imgs/mybadge02.jpg">
            <p>积累训练天数</p>
        </a>
        <a href="#" class="df fdc jcc aic"><img src="../../assets/imgs/mybadge03.jpg">
            <p>训练次数</p>
        </a>
        <a href="#" class="df fdc jcc aic"><img src="../../assets/imgs/mybadge04.jpg">
            <p>跑步次数</p>
        </a>
        <a href="#" class="df fdc jcc aic"><img src="../../assets/imgs/mybadge05.jpg">
            <p>奇性次数</p>
        </a>
        <a href="#" class="df fdc jcc aic"><img src="../../assets/imgs/mybadge06.jpg">
            <p>明星圈友</p>
        </a>
        <a href="#" class="df fdc jcc aic"><img src="../../assets/imgs/mybadge07.jpg">
            <p>评论达人</p>
        </a>
        <a href="#" class="df fdc jcc aic"><img src="../../assets/imgs/mybadge08.jpg">
            <p>运动铁粉</p>
        </a>
        <a href="#"><img src="../../assets/imgs/mybadge09.jpg">
        </a>
    </div>
</body>

</html>